<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" pageEncoding="UTF-8"%>
<%
	session.setAttribute("ctx",request.getContextPath());
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MALINI</title>
<!--css-->
<link href="<%=request.getContextPath()%>/css/main_index.css" rel="stylesheet" type="text/css" media="all" />
<!--jquery 1.3.1-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.3.1.min.js"></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/js/jfade.js'></script>

<!--导航-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/ddaccordion.js"></script>
<!--导航幻灯片初始.导航点击效果-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/meunlb.js"></script>
<!--导航幻灯片点击切换效果-->
<script type="text/javascript">
<!--
$(document).ready(function(){
		$("#test_image a").jfade();
		
	$("#test_image a").bind("click", function(){
		$("#test_image a").each(function(){
			$(this).css("border","2px solid #0f0e0c");
		})
  		$(this).css("border","2px solid #2e2e2e"); 
	});
$("#test_image img").bind("click", function(){
		
  		var test_image = $(this).attr("name");
  		var paras = $(this).attr("id");
  		var base='<%=session.getAttribute("ctx")%>';
		$("#test_").html("<div class=\"pro_pic\"><img src='"+test_image+"' onmouseover=\"ddaccordion.collapseall('menuheaders');return false\"/><a href='"+base+"/productNewAction.do?op=findNewProductById"+paras+"' class=\"pic_more\"><font color=\"#ffffff\">点击购买>></font></a></div>");
	});   
})
-->
</script>
<!--右侧 滚动条-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#scrollbar1').tinyscrollbar();//初始化div
	});
</script>	
<!--幻灯片商品切换+放大镜效果-->
<SCRIPT src="<%=request.getContextPath()%>/js/base1.js" type=text/javascript></SCRIPT>
<SCRIPT src="<%=request.getContextPath()%>/js/lbzoom.js" type=text/javascript></SCRIPT>
<SCRIPT src="<%=request.getContextPath()%>/js/lib1.js" type=text/javascript></SCRIPT>
<SCRIPT src="<%=request.getContextPath()%>/js/niutuku_com.js" type=text/javascript></SCRIPT>
</head>

<body >

<div class="main_cont">
<%@ include file="top.jsp" %>
<div class="main_contain">
<div class="main_l">
<a href="#"><img src="<%=request.getContextPath()%>/images/main_logo.gif" /></a>
<%@ include file="menu.jsp" %>
<%@ include file="bottom.jsp" %>
</div>
<div class="main_r1" id="test_" onmouseover="ddaccordion.collapseall('menuheaders');return false;" > 
<div class="pro2_di">
<div id=preview>
	<div class=jqzoom id=spec-n1  ><IMG height=261  border="0"
	src="<%=session.getAttribute("ctx")%>/${maindetail.bigimages}" jqimg="<%=session.getAttribute("ctx")%>/${maindetail.bigimages}" width=479>
	</div>
	<div id=spec-n5>
		<div class=control id=spec-left>
			<img src="<%=request.getContextPath()%>/images/left.gif" />
			
		</div>
		<div id=spec-list>
			<ul class=list-h>			
				<logic:present name="imageslist" scope="request">			
				<logic:iterate id="data" name="imageslist" scope="request" indexId="proindex" type="com.ys.malini.model.TImages">
						<li><img src="<%=session.getAttribute("ctx")%>/${data.bigimages}"> </li>
             	</logic:iterate>
             	</logic:present>
             	
			</ul>
		</div>
		<div class=control id=spec-right>
			<img src="<%=request.getContextPath()%>/images/right.gif" />
		</div>
		
    </div>
</div>

<div class="box">
<ul id="tabMenu">
  <li class="posts selected">产品展示</li>
  <li class="comments">在线服务</li>
  <li class="category">详情评价</li>
  <li class="famous">售后服务</li>
</ul>
<div class="boxTop"></div>

<div class="boxBody">
  
  <div id="posts" class="show parent">
	<p>${maindetail.productInfo}</p>
  </div>  
  
  <div id="comments" class="parent">
  	<p>${maindetail.parameterInfo}</p>
  </div>
  
  <div id="category" class="parent">
  	<p>${maindetail.packInfo}</p> 
  </div>
  
  <div id="famous" class="parent">
    <p>${maindetail.otherInfo}</p>  
  </div>
  
  

</div>


</div></div>
<div class="pro2_2">

<div id="scrollbar1" style=" height:442px">
		<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <div class="overview">
<ul class="pro_ul">
<li>
<h2>积分规则</h2>
<p>换出好心情，套件及两件以上6.8折</p>
</li>
<li>
<div id="workDemo">
<!-- 小件开始 -->

<logic:present name="detailist" scope="request">			
	<logic:iterate id="data" name="detailist" scope="request" indexId="proindex" type="com.ys.malini.web.form.ProductForm">				
   	
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="8" valign="top" width="35%">	
    	<a href="#"><img src="<%=session.getAttribute("ctx")%>/${data.bigimages}" width="70px" height="70px"  border="0"/></a>
	</td>
	<td align="right">产品名称</td>
    <td align="left">${data.brand}${data.productName}</td>
  </tr>
  <tr><td align="right">系列</td>
      <td align="left">${data.series}</td>
  </tr>
  <tr>
  	<td align="right">颜色&nbsp;&nbsp;</td>
     <td align="left">${data.imageDes}</td>
  </tr>
  <tr>
    <td colspan="2" align="center"><img src="<%=session.getAttribute("ctx")%>/${data.midimages}" width="56px" height="27px" /></td>
  </tr>
  <tr>
  	<td align="right">成分&nbsp;&nbsp;</td>
     <td align="left">${data.material}</td>
  </tr>
  <tr>
  	<td align="right">尺寸&nbsp;&nbsp;</td>
     <td align="left"></td>
  </tr>
  <tr>
  	<td align="right">价格&nbsp;&nbsp;</td>
     <td align="left">${data.salePrice}</td>
  </tr>
  <tr><td align="right">数量&nbsp;&nbsp;</td>
    <td align="left"><select name="" style="background:#0f0e0c; padding:0; margin:0; border-style: none;"><option>1</option></select></td>
  </tr>
   <tr>
     <td align="center" colspan="2"><button class="button0" hidefocus="hidefocus"><span><em>加入收藏</em></span></button></td>
  </tr>
 
</table>
   </logic:iterate>
</logic:present>
<!-- 小件 结束 -->


</div>
</li>
</ul>
</div>
       </div>
    </div>
</div>	

</div>
</div>

</div>


</body>
</html>
<!--图片点击放大图-->
<SCRIPT src="<%=request.getContextPath()%>/js/box.js" type="text/javascript"></SCRIPT>